<template>
    <div @click="click">
        <button class="btn">{{text}}</button>
    </div>
</template>

<script>
    export default {
        name: "buttonLogon",
        props: {
            text: {
                default: "登录",
                type: String
            },
        },
        methods: {
            click(){
                this.$emit('clicks')
            }
        },
    }
</script>

<style scoped lang="scss">
    .btn {
        border: none;
        width: 100%;
        height: 90px;
        color: #fff;
        background-image:linear-gradient(to right,#FF944B, #FC5500) ;
        border-radius: 80px;
        font-size: 30px;
    }
</style>